(function flexible(window, document) {
	// // 设置 rem 函数
	// function setRem() {
	// 	var w = document.documentElement.clientWidth || document.body.clientWidth;
	// 	w = w <= 750 ? 750 : w >= 1920 ? 1920 : w;
	// 	var num = w * 100 / 1920
	// 	document.querySelector("html").style.fontSize = (num.toFixed(2)) + 'px';
	// }
	// // 初始化
	// setRem();
	// // 改变窗口大小时重新设置 rem
	// window.onresize = function() {
	// 	setRem()
	// }
	var docEl = document.documentElement
	var dpr = window.devicePixelRatio || 1
	console.log(dpr)
	// adjust body font size
	function setBodyFontSize() {
		if (document.body) {
			document.body.style.fontSize = (12 * dpr) + 'px'
		} else {
			document.addEventListener('DOMContentLoaded', setBodyFontSize)
		}
	}
	setBodyFontSize()

	// set 1rem = viewWidth / 10
	function setRemUnit() {
		if (navigator.userAgent.match(/(iPhone|iPad|Android|ios)/i)) {
			var rem = docEl.clientWidth / 19
		} else {
			rem = 20
		}
		docEl.style.fontSize = rem + 'px'
	}

	setRemUnit()

	// reset rem unit on page resize
	window.addEventListener('resize', setRemUnit)
	window.addEventListener('pageshow', function(e) {
		if (e.persisted) {
			setRemUnit()
		}
	})

	// detect 0.5px supports
	if (dpr >= 2) {
		var fakeBody = document.createElement('body')
		var testElement = document.createElement('div')
		testElement.style.border = '.5px solid transparent'
		fakeBody.appendChild(testElement)
		docEl.appendChild(fakeBody)
		if (testElement.offsetHeight === 1) {
			docEl.classList.add('hairlines')
		}
		docEl.removeChild(fakeBody)
	}
}(window, document))
